import React, { Component } from 'react';
import { Text } from 'react-native';

export default class Blink extends Component{
    constructor(props) {
        super(props);
        this.state = { isShowingText: true };
    
        // 每1000毫秒对showText状态做一次取反操作
        setInterval(() => {
            this.setState(previousState => {
                return { isShowingText: !previousState.isShowingText };
            });
        }, 1000);
    }

    render() {
        // 根据当前showText的值决定是否显示text内容
        if (!this.state.isShowingText) {
            return null;
        }
    
        return (
            <Text>{this.props.text}</Text>
        );
    }
}
